{% extends "baseLarge.html" %}

{% block fades %}
  fadeColor("largeBox","#000000",{{fgColor|safe}},5,10,'b');
  fadeColor("ingredients","#000000",{{fgColor|safe}},5,10,'b');
  fadeColor("directions","#000000",{{fgColor|safe}},5,10,'b');
  fadeColor("button","#000000",{{fgColor|safe}},5,10,'b');
  fadeColor("name","#000000",{{fgColor|safe}},5,10,'b');
  fadeColor("source","#000000",{{fgColor|safe}},5,10,'b');
  fadeColor("heading","#000000","#898989",5,10,'f');
{% endblock %}

{% block contentLarge %}
  <div id="myPar">
    <form id=edit method="post">
      <input id=myid name=myid value="{{recipe.key.id}}" hidden>
      <label for=names>Navn</label>
      <input id=name name=name value="{{recipe.name}}" required autofocus>
      <br>
      <label for=source>Fra</label>
      <input id=source name=source value="{{recipe.source}}">
      <p>
      <div id="heading" name="heading">
        INGREDIENSER
      </div>
      <p>
      <textarea id=ingredients name=ingredients type=textarea rows=15 required>
{{recipe.ingredients}}</textarea>
      <p>
      <div id="heading" name="heading">
        TILBEREDNING
      </div>
      <p>
      <textarea id=directions name=directions type=textarea rows=15 required>
{{recipe.directions}}</textarea>
      <p>
      <button type=submit name=button>Opdater</button>
    </form>
  </div>
{% endblock %}
